<template>
	<uni-datetime-picker v-bind="$attrs" v-model="data" :style="$attrs.disabled ? disabledStyle : '' " />
</template>

<script setup>
	import {
		useVModel
	} from '@vueuse/core'

	const disabledStyle = {
		backgroundColor: 'rgb(245, 247, 250)!important'
	}

	const props = defineProps({
		modelValue: [String, Number],
	})

	const emit = defineEmits(['update:modelValue'])

	const data = useVModel(props, 'modelValue', emit)
</script>